<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>知识库</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../js/vuejs-2.5.16.js"></script>
    <script src="../js/axios-0.18.0.js"></script>
    <script src="../js/pagination.js"></script>
    <style>
        td{
            font-size: 16px;
        }
        ul li{
            list-style: none;
            font-size: 16px;
            word-wrap: break-word;
            word-break: normal;
            width: 1000px
        }
    </style>
</head>

<body class="hold-transition skin-red sidebar-mini">
<div id="app">
    <!-- .box-body -->

    <div class="box-header with-border">
        <h2 class="box-title">内容管理</h2>
        <a href="content_edit.html" class="btn btn-info">
            新建
        </a>
        <a href="model.html" class="btn btn-default">
            生成代码
        </a>
    </div>

    <div class="box-body">

        <!-- 数据表格 -->
        <div class="table-box">
            <div class="box-tools pull-right">
                <div class="has-feedback">
                    关键字：<input v-model="searchEntity.title" @keyup.13="searchList(1)">
                    <button class="btn btn-info" @click="searchList(1)">查询</button>
                </div>
            </div>
        </div>
        <!--工具栏/-->

        <!--数据列表-->
        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
            <tr v-for="entity in entityList">
                <td>
                    <ul>
                        <li>
                            <a :href="'article.html?id='+entity.id">{{entity.title}}</a>
                        </li>
                    </ul>
                </td>
                <td align="center">
                    <a class="btn btn-success" :href="'content_edit.html?id='+entity.id">
                        编辑
                    </a>
                    <button class="btn btn-danger" @click="deleteArticle(entity.id)">
                        删除
                    </button>
                </td>
            </tr>
        </table>
        <!--文章显示列表-->

        <!--数据列表/-->
        <!--分页导航条-->
        <navigation :total="total" :pageSize="pageSize" :current.sync="pageNum" @navpage="searchList"></navigation>

    </div>
    <!-- 数据表格 /-->
</div>
<!-- /.box-body -->


</body>
<script type="text/javascript" src="../js/controller/contentController.js"></script>

</html>